<template>
  <div>
    <h3 ref="titleRef">我是一个标题</h3>
    <button @click="addCount">+++++++</button>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    // ref还可以用来绑定到元素的ref属性中，用于获取dom对象
    const titleRef = ref(null)

    const addCount = () => {
      console.log(titleRef.value)
    }

    return {
      titleRef,
      addCount
    }
  }
}
</script>

<style lang="scss"></style>
